<script lang="ts" setup>
import DetailDialog from "./components/detail-dialog.vue";
import Filter from "./components/filter.vue";
import Handler from "./components/handler.vue";
import Sheet from "./components/sheet.vue";
import { createState } from "./state";
import VisionBox from "@/components/vision-box/vision-box.vue";

definePage({
	meta: { title: "网格管理", order: 1 },
});
defineOptions({ name: "IndexPage" });
const { page, detailDialogRef } = createState();
</script>

<template>
	<page-content>
		<DetailDialog ref="detailDialogRef" />
		<div class="pageContentBox">
			<Handler />
			<VisionBox />
		</div>
	</page-content>
</template>

<style lang="scss" scoped>
.pageContentBox {
	position: relative;
}
</style>
